<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="/css/layui.css"  media="all">
<link rel="stylesheet" href="/css/index.css" media="all">
<script src="/js/axios.min.js"></script>
<script src="/js/vue.js"></script>
<script src="/js/layui.js" charset="utf-8"></script>
<body class="layui-layout-body">
<div class="layui-row" id="publish" style="text-align: center;margin: 0 auto;">
    <div class="layui-col-md12">
        <form class="layui-form" action="">
            <div class="layui-card">
                <div class="layui-card-header"><h1>发布任务</h1></div>
                <div class="layui-card-body">
                    <div class="layui-form-item">
                        <label class="layui-form-label">任务名称</label>
                        <div class="layui-input-block">
                            <input type="text" name="title" required  lay-verify="required"
                                   placeholder="请输入标题" autocomplete="off" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">截止时间</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input" id="endTime" name="endTime">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">完成标准</label>
                        <div class="layui-input-block">
                            <input type="text" name="finish" required  lay-verify="required" placeholder="请输入标准" autocomplete="off" class="layui-input">
                        </div>
                    </div>

                    <hr class="layui-bg-blue">
                    <div class="layui-form-item">
                        <label class="layui-form-label">任务说明</label>
                        <div class="layui-input-block">
                            <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
                        </div>
                    </div>
                    <hr class="layui-bg-blue">

                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        laydate.render({
            elem: '#endTime', //指定元素
            type: 'datetime'
        });
    });
</script>
<script>
    new Vue({
        el: "#publish",
        data:{
            userName:localStorage.getItem("userName")
        },
        methods :{

        },
        created: function () {
            console.info("》》》》");
        }
    });
</script>
</html>